<template>
	<view class="container">
		<!-- 登录 -->
		<view class="container-head">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<view class="text">
			登录了解更多至真
		</view>
		<view class="btn">
				微信一键登录
		</view>
		<view class="radio">
			<u-checkbox-group v-model="checked">
				<u-checkbox size="30" iconSize="30" labelSize='28'  activeColor="#A3B26F" label="登录即视为同意"></u-checkbox>
				<view class="radio-text">
					<view class="radio-text-left">
						《用户协议》
					</view>
					<view class="radio-text-right">
						《隐私政策》
					</view>
				</view>
			</u-checkbox-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
	};
</script>

<style lang="less" scoped>
	.container {
		background-color: #FFFFFF;
		height: 100vh;
		.container-head{
			padding-top: 106rpx;
			image{
				width: 234rpx;
				height: 238rpx;
				border-radius: 32rpx;
				border: 2rpx solid #979797;
				margin: auto;
			}
		}
		.text{
			height: 44rpx;
			font-family: HelloFont, HelloFont;
			font-weight: 600;
			font-size: 34rpx;
			color: #2E2E2E;
			line-height: 44rpx;
			text-align: center;
			font-style: normal;
			margin-top: 56rpx;
		}
		.btn{
			width: 710rpx;
			height: 88rpx;
			background: #1AAD19;
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(105,155,93,0.39);
			border-radius: 44rpx;
			line-height: 88rpx;
			text-align: center;
			margin: auto;
			font-size: 32rpx;
			color: #FFFFFF;
			margin-top: 90rpx;
		}
		.radio{
			margin-top: 34rpx;
			margin-left: 44rpx;
			.radio-text{
				display: flex;
				.radio-text-left{
					color: #AEBC80;
				}
				.radio-text-right{
					color: #AEBC80;
				}
			}
		}
	}

</style>